<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .middle{
            width: 1200px;
            height:200px;
            border: 1px solid black;
            margin:0 auto;
            margin-top:200px;
            position: relative;
        }
        .lubo{
            list-style: none;
            padding:0;
            margin: 0;
            margin-top:67px;
        }
        .lubo li{
            display:inline-block;
            border:1px solid black;
            margin-left:10px;
            height:59px;
        }
        .left{
            background: url('../img/home/cooperation.png') no-repeat center;
            display: inline-block;
            width: 184px;
            height:60px;
            position:absolute;
            top:68px;
            left:10px;
            background-color:rgba(0,0,0,.1);
        }
        .right{
            background: url('../img/home/cooperation.png') no-repeat center
            display: inline-block;
            width: 184px;
            height:60px;
            transform: rotate(180deg);
            position:absolute;
            top:68px;
            right:10px;
            background-color:rgba(0,0,0,.1);
        }
    </style>
</head>
<body>
  <div class="middle">
      <ul class="lubo">
          <span class="left"></span>
          <li><img src="../img/home/aliyun.png"></li>
          <li><img src="../img/home/ronghaotouzi.png"></li>
          <li><img src="../img/home/aliyun.png"></li>
          <li><img src="../img/home/ronghaotouzi.png"></li>
          <li><img src="../img/home/aliyun.png"></li>
          <li><img src="../img/home/ronghaotouzi.png"></li>
          <span class="right"></span>
      </ul>
  </div>
</body>
</html>